import { Component } from 'react';
import Taro,{ getCurrentInstance } from '@tarojs/taro';
import { View } from '@tarojs/components'
import './index.scss'

export default class Index extends Component {
	$instance = getCurrentInstance();
  constructor(props) {
    super(props)
    this.state = {}
  }

  state={}

  UNSAFE_componentWillMount () {}
  componentDidMount () {}
  UNSAFE_componentWillReceiveProps (nextProps,nextContext) {}
  componentWillUnmount () {}
	componentDidShow() {
    let { type } = this.$instance.router.params
    if (type == 'baobei') {
      Taro.setNavigationBarTitle({
        title: '保呗规则'
      })
      this.setState({
        type
      })
    }
  }
  componentDidHide () {}
  componentDidCatchError () {}
  componentDidNotFound () {}

  render() {
    const { type } = this.state
    return (
      <View>
        {
          !type && <View className='redpacket-rule'>
            {/* <View className='h3'>
          <View className='p'>红包可用于养车商城的商品服务订单抵扣</View>
          <View className='p'>该红包不适用于以下服务</View>
        </View> */}
            <View className='h4'>
              <View className='p'>1.红包可用于抵扣在线商品货款金额，包括商品费用，工时费以及运费。最大可按整单消费金额的50%进行抵扣（保呗红包100%抵扣）。</View>
              <View className='p'>2.红包不可用于支付违章、保险费用、年审等商务代办费用；红包不可用于购买轮胎、电池、年卡费用；天天秒杀及部分特价商品不可使用红包购买。</View>
              <View className='p'>3.红包既可以用于单件商品的付款，也可以用于多件商品的合并付款。</View>
              <View className='p'>4.一个红包可拆分多次使用。</View>
              <View className='p'>5.红包不得提现，不得转赠他人，不得为他人付款。</View>
              <View className='p'>6.红包仅限有效期间使用，逾期作废；一般有效期是从领取之日起半年有效；还要留意红包活动所明示的红包可用日期。</View>
              <View className='p'>7.使用红包的订单若发生退款或关闭，红包可退金额以退款页面的信息为准，退回后的红包使用有效期可以通过“我的-红包”查看，退回的红包使用条件不变；如果红包已经过期，则不退回。</View>
              <View className='p'>8.红包数量及更多红包详情，请在“我的-红包”进行查询。</View>
              <View className='p'>在下单支付时，系统会自动计算符合使用条件的红包进行抵扣，如果账户有保呗红包，则普通红包抵扣后剩余部分会直接使用保呗红包抵扣。</View>
              <View className='p'></View>
              <View className='p'>10.在法律许可的合法范畴内，此说明最终解释权归集群车宝所有。</View>
            </View>
          </View>
        }
        {
          type == 'baobei' && <View className='redpacket-rule'>
            <View className='h3'>
              <View className='p'>保呗可用于养车商城的商品服务订单抵扣</View>
              <View className='p'>该保呗不可抵扣以下服务</View>
            </View>
            <View className='h4'>
              <View className='p'>1.购买年卡、免费机油活动</View>
              <View className='p'>2.保险、违章、年审等商务代办类商品</View>
              <View className='p'>3.特价商品、秒杀商品</View>
              <View className='p'>4.购买轮胎</View>
              <View className='p'></View>
            </View>
          </View>
        }
      </View>

    )
  }
}
